﻿@using rosata.Controllers
@section Title
{
   Servizio Sky Cesena, Rimini e Forli: i nostri contatti
}

@section additionalJavascript {
    <!--script per includere la cartina google-->
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=it"></script>  
    
    <!--script cartina google-->
    <script type="text/javascript">
        var initialize = function () {

            var latlng = new google.maps.LatLng(44.159384, 12.269296);
            var latRimini = new google.maps.LatLng(44.046568, 12.553061);
            var latForlimpopoli = new google.maps.LatLng(44.186676, 12.126501);

            // imposta le opzioni di visualizzazione
            var options = {
                zoom: 9,
                center: latlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            //mappa, marker, tooltip, infowindow e listener
            var map = new google.maps.Map(document.getElementById('map'), options);

            var marker = new google.maps.Marker(
                {
                    position: latlng,
                    map: map,
                    flat: true
                }
            );
            var tooltip = '<div id="tooltip">' + '<p>Rosata Antennisti Cesena:<br>86/90, Via Valsugana - 47521 Cesena (FC)<br/>tel: 0547 382557</p></div>';
            var infowindow = new google.maps.InfoWindow({ content: tooltip });
            google.maps.event.addListener(marker, 'click', function () { infowindow.open(map, marker); });


            //marker rimini
            var markerRimini = new google.maps.Marker(
                {
                    position: latRimini,
                    map: map,
                    flat: true
                }
            );
            var tooltipRimini = '<div id="tooltipRimini">' + '<p>Rosata Antennisti Rimini:<br>201, Via Covignano - Rimini - RN<br/></p></div>';
            var infowindowRimini = new google.maps.InfoWindow({ content: tooltipRimini });
            google.maps.event.addListener(markerRimini, 'click', function () { infowindowRimini.open(map, markerRimini); });


          
        };

        window.onload = initialize;
    </script>
}

@*richiamo il codicenella _Layout.cshtml per il caricamento del menu*@
<script type="text/javascript">
    //attiva la colorazione del menu
    jQuery(document).ready(function () {
        ActivateMenuStyle('Contatti');
    });
</script>

<div class="container">
    
    <h2>Contattaci!</h2>
    <div class="wrapper marTop13">
        @*<figure class="img_inner">
            <iframe src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Brooklyn,+New+York,+NY,+United+States&amp;aq=0&amp;sll=37.0625,-95.677068&amp;sspn=61.282355,146.513672&amp;ie=UTF8&amp;hq=&amp;hnear=Brooklyn,+Kings,+New+York&amp;ll=40.649974,-73.950005&amp;spn=0.01628,0.025663&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
        </figure>
        *@
        <div id="map" style="width:50%; margin-top: 28px; height:418px; float: left; margin-right: 10px;"></div>

        <div class="box">
            
            <address>
                
                <dl>
                    <dd><span>Cesena</span></dd>
                    <dd>Via Valsugana 86/90</dd>
                    <dd><span>telefono:</span> 0547/382 557</dd>
                    <dd>E-mail: <a href="#" class="link4">a.rosata@tin.it</a></dd>
                </dl>
                <br/>
                <dl>
                    <dd><span>Rimini</span></dd>
                    <dd>Via Covignano, 201</dd>
                    <dd><span>telefono:</span> 0541/478 463</dd>
                    <dd>E-mail: <a href="#" class="link4">skyservice.rimini@gmail.com</a></dd>
                </dl>
                <br/>
            </address>
        </div>
    </div>

    <h2>Contattaci!</h2>

    @Html.Partial("~/Views/Contatti/SendMail.cshtml", new ContattiController.SendMailDto());
    @*
    <form id="contact-form" action="">
        <div class="success-message">Contact form submitted!</div>
        <div class="row">
            <div class="grid_6">
                <label class="name">
                    <input type="text" placeholder="Nome:"  />
                    <span class="empty-message">*campo richiesto.</span>
                    <span class="error-message">*nome non valido.</span>
                </label>
            </div>
            <div class="grid_6">
                <label class="email">
                    <input type="text" placeholder="Email:"  />
                    <span class="empty-message">*campo richiesto.</span>
                    <span class="error-message">*formato email non valido.</span>
                </label>
            </div>
        </div>  
        <label class="message">
            <textarea placeholder="Messaggio:"></textarea>
            <span class="empty-message">*Campo richiesto.</span>
            <span class="error-message">*Il messaggio è troppo corto.</span>
        </label>
        <div class="form_btns">
            <!-- <a href="#" data-type="reset" class="more_btn2">Clear</a> -->
            <a href="#" data-type="submit" class="more_btn2">Invia messaggio</a>
        </div>  
    </form>
    *@


</div>